<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Genius</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/indsex.css"> </head>

<body>
    <header>
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light">
                <a class="navbar-brand" href=""><img src="img/logo.gif" alt=""></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav w-100 justify-content-end">
                        <li class="nav-item active"> <a class="nav-link" href="">HOME<span class="sr-only">(current)</span></a> </li>
                        <li class="nav-item"> <a class="nav-link" href="">ABOUT US</a> </li>
                        <li class="nav-item"> <a class="nav-link" href="">SERVICES</a> </li>
                        <li class="nav-item"> <a class="nav-link" href="">COURSES</a> </li>
                        <li class="nav-item"> <a class="nav-link" href="">PRICING</a> </li>
                        <li class="nav-item"> <a class="nav-link" href="">CONTACT</a> </li>
                    </ul>
                </div>
            </nav>
        </div>
    </header>
    <div class="banner">
        <div class="container">
            <div class="text w-50">
                <h1>EDUCATON GENIUS</h1>
                <p>Lorem ipsum dolor sit amet, consecttur adipisicing elitincidunt eius magni provident.</p> <a href="">Read More</a> </div>
        </div>
    </div>
    <div class="main">
        <div class="container">
            <div class="first text-center">
                <h2>Our Courses</h2>
                <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus.perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="text"> <img src="img/yuan.gif" alt="">
                        <div class="box">
                            <h3>Mobile Dev </h3>
                            <p>Backed by some of the biggest names in the industry.Firefox OS is an open platfrom that fosters greater</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="text"> <img src="img/yuan.gif" alt="">
                        <div class="box">
                            <h3>Communication </h3>
                            <p>Backed by some of the biggest names in the industry.Firefox OS is an open platfrom that fosters greater</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="text"> <img src="img/yuan.gif" alt="">
                        <div class="box">
                            <h3> Computers</h3>
                            <p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="text"> <img src="img/yuan.gif" alt="">
                        <div class="box">
                            <h3>Finance</h3>
                            <p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="text"> <img src="img/yuan.gif" alt="">
                        <div class="box">
                            <h3>Maths</h3>
                            <p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="text"> <img src="img/yuan.gif" alt="">
                        <div class="box">
                            <h3>Development</h3>
                            <p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="exam">
            <div class="container">
                <div class="one text-center">
                    <h3>Our Students</h3>
                    <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus.perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
                </div>
                <div class="row">
                    <div class="col-md-6"> <img src="img/people.gif" alt=""> </div>
                    <div class="col-md-6">
                        <p>Lorem ipsum dolor sit amet.cadipisicing sit amet.consectetur adipisicing elit. Atque sed.quidem quis praesentium. ut unde fuga error commodi architecto,oribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.vero mollitia velit ad consectetur.Alias. laborum excepturi nihil autem nemo numquam.ipsa acrchitecto non.magni consequuntlaudantium culpa tenetur at id.beatae pet.</p>
                        <p>Lorem ipsum dolor sit amet.consectetur adipisicing elit.adipisicing sit amet. consectetur adipisicing elit.Atque sed,quidem quis praesentium.m deserunt.</p>
                        <p class="gai"><i class="fa fa-arrow-circle-o-right mr-1"></i>Lorem ipsum enimdolor sit amet</p>
                        <p class="gai"><i class="fa fa-arrow-circle-o-right mr-1"></i>Expiicabo deleniti neque aliquid</p>
                        <p class="gai"><i class="fa fa-arrow-circle-o-right mr-1"></i>Consectetur adipisicing elit</p>
                        <p class="gai"><i class="fa fa-arrow-circle-o-right mr-1"></i>Lorem ipsum dolor sit amet</p>
                        <p class="gai"><i class="fa fa-arrow-circle-o-right mr-1"></i>Quo issimos molest quibusdam temporibus</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="about mb-2">
                <div class="yi text-center mb-5">
                    <h3>Our Events</h3>
                    <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus.perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
                </div>
                <div class="row mb-5">
                    <div class="col-md-4">
                        <div class="box">
                            <img src="img/bg1.gif" alt="">
                            <a href="">Feb</a>
                            <p>LOREM IPSUM DOLOR SIT AMET.CONSECTETUR ADIPIS.</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="box">
                            <img src="img/bg2.gif" alt="">
                            <a href="">March</a>
                            <p>APSUM DOLOR SIT AMET.CONSECTETUR ADIPISDSLIF..</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="box">
                            <img src="img/bg3.gif" alt="">
                            <a href="">Apriil</a>
                            <p>DOLOR SIT AMET.CONSECTETUR ADIPISIC INDFEFT</p>
                        </div>
                    </div>
                </div>
                <div class="yi text-center mt-5">
                    <h3>Campus Placement</h3>
                    <p>Lorem ipsum dolor sit amet.consectetur adipisicing elit.Dolores quae porro consequatur aliquam.incidunt eius magni provident.doloribus omnis minus ovident.doloribus omnis minus temporibus perferendis nesclunt.</p>
                </div>
            </div>
            <div class="zanzhu mt-5">
                <div class="row">
                    <div class="col-6 col-md-2">
                        <div class="img">
                            <img src="img/one.gif" alt="">
                        </div>
                    </div>
                    <div class="col-6 col-md-2">
                        <div class="img">
                            <img src="img/two.gif" alt="">
                        </div>
                    </div>
                    <div class="col-6 col-md-2">
                        <div class="img">
                            <img src="img/three.gif" alt="">
                        </div>
                    </div>
                    <div class="col-6 col-md-2">
                        <div class="img">
                            <img src="img/one.gif" alt="">
                        </div>
                    </div>
                    <div class="col-6 col-md-2">
                        <div class="img">
                            <img src="img/two.gif" alt="">
                        </div>
                    </div>
                    <div class="col-6 col-md-2">
                        <div class="img">
                            <img src="img/three.gif" alt="">
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <ul>
                        <li><a href="">Our Contact</a></li>
                        <li><a href="">Target company inc</a></li>
                        <li><a href="">JC Main Road.Near Silnile tower</a></li>
                        <li><a href="">Pin-21542 NewYor US.</a></li>
                    </ul>
                    <ul>
                        <li><a href="">(123)456-789-1255-12584</a></li>
                        <li><a href="">email@domainname.com </a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <ul>
                        <li><a href="">Quick Links</a></li>
                        <li><a href="">Latest Events</a></li>
                        <li><a href="">Trems and conditions</a></li>
                        <li><a href="">Privacy policy</a></li>
                        <li><a href="">Career Contact us</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <ul>
                        <li><a href="">Latest posts</a></li>
                        <li><a href="">Lorem ipsum dolor sit amet.</a></li>
                        <li><a href="">consectetur adipiscing elit.</a></li>
                        <li><a href="">Peilentesque et puivinar enim.Quisque</a></li>
                        <li><a href="">at tempor ligula</a></li>
                        <li><a href="">Natus error sit voluptatem accusantium</a></li>
                        <li><a href="">doloremque</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <ul>
                        <li><a href="">Recent News</a></li>
                        <li><a href="">Lorem ipsum dolor sit amet.</a></li>
                        <li><a href="">consectetur adipiscing elit.</a></li>
                        <li><a href="">Peilentesque et puivinar enim.Quisque</a></li>
                        <li><a href="">at tempor ligula</a></li>
                        <li><a href="">Natus error sit voluptatem accusantium</a></li>
                        <li><a href="">doloremque</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <div class="end">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <p>Copyright &copy;Company name All rights reserved</p>
                </div>
                <div class="col-md-6 text-right">
                    <p><i class="fa fa-facebook-f"></i><i class="fa fa-twitter"></i><i class="fa fa-behance"></i><i class="fa fa-google-plus"></i><i class="fa fa-gratipay"></i></p>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="./jquery-3.3.1.min.js"></script>
</body>

</html>